<%--
  Created by IntelliJ IDEA.
  User: 11065
  Date: 2021/11/19
  Time: 17:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>存储过程实验页面</title>
</head>
<body>
<h1 align='center'>存储过程功能展示</h1>
<HR align='center' width=100% color=#987cb9 SIZE=1>
<div align='center'>
    <h3 align='center'>查询管理员姓名（仅展示前5条）</h3>
    <button style="background-color: darksalmon; font-size:95%; font-weight: 550" type="button"
            onclick="come()">
        加入随机乘客（小概率加入管理员）</button><br><br>
    <table align='center' border='1' cellspacing='0' style="width:7%">
        <tr style="background-color: gainsboro">
            <td align="center">管理员</td>
        </tr>
        <c:forEach items="${管理员}" var="g" varStatus="st" begin="0" end="4">
            <tr style="background-color: antiquewhite">
                <td align="center">${g}</td>
            </tr>
        </c:forEach>
    </table>
</div><br>
<HR align='center' width=100% color=#987cb9 SIZE=1>
<div align='center'>
    <h3 align='center'>修改用户密码</h3>
    <div>
        <input style="background-color: azure; width: 100px" type="text" placeholder="输入用户手机号" id="phone" />
        <input style="background-color: azure; width: 100px" type="text" placeholder="输入原密码" id="opass" />
        <input style="background-color: azure; width: 100px" type="text" placeholder="输入新密码" id="npass" />
        <button style="background-color:cornflowerblue; font-size:95%; font-weight: 550" type="button"
                onclick="edit()">
            修改</button>
    </div><br>
</div>
<HR align='center' width=100% color=#987cb9 SIZE=1>
<div>
    <h3 align='center'>增删车站</h3>
    <div align='center'>
        <div>
            <input style="background-color: azure" type="text" placeholder="输入增加的车站名" id="aname" />
            <button style="background-color: gold; font-size:95%;; font-weight: 550" type="button"
                    onclick="add()">
                增加</button></td>
        </div><br>
        <div>
            <input style="background-color: azure" type="text" placeholder="输入删除的车站名" id="dname" />
            <button style="background-color:crimson; font-size:95%;; font-weight: 550" type="button"
                    onclick="dele()">
                删除</button></td>
        </div><br>
    </div>
    <div align='center'>
        <table align='center' border='1' cellspacing='0' style="width:5%">
            <tr style="background-color: gainsboro">
                <td align="center">车站</td>
            </tr>
            <c:forEach items="${车站}" var="z" varStatus="st">
            <tr style="background-color: antiquewhite">
                <td align="center">${z}</td>
            </tr>
            </c:forEach>
    </div>
</div>
</body>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.4.1.min.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="/js/plugins/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script src="/js/plugins/bootstrapValidator/bootstrapValidator.min.js"></script>
<script language="JavaScript">
    function come() {
        $.ajax({
            type: "post",
            url: "producecome",
            contentType: "application/json; charset=UTF-8",
            data: null,
            dataType: "json",
            success:function (data) {
                if (data.code == 200){
                    alert("添加成功！")
                    location.reload();
                    //window.location='/Produce';
                    //window.history.go(-1);
                }else {
                    alert("添加失败！")
                }
            },
            error:function (xhr, textStatus, errorThrown) {
                /*错误信息处理*/
                alert("进入error---");
                alert("状态码："+xhr.status);
                alert("状态:"+xhr.readyState); //当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
                alert("错误信息:"+xhr.statusText );
                alert("返回响应信息："+xhr.responseText );//这里是详细的信息
                alert("请求状态："+textStatus);
                alert(errorThrown);
                alert("请求失败");
            }
        })
    }

    function add() {
        var 站名 = $("#aname").val();
        $.ajax({
            type: "post",
            url: "produceadd",
            contentType: "application/json; charset=UTF-8",
            // data: {"id":id,"bTime":btime,"eTime":etime,"bStation":bstation,"eStation":estation},
            data: 站名,
            dataType: "json",
            success:function (data) {
                if (data.code == 200){
                    alert("添加成功！")
                    //location.reload();
                    window.location='/Produce';
                    //window.history.go(-1);
                }else {
                    alert("添加失败！")
                }
            },
            error:function (xhr, textStatus, errorThrown) {
                /*错误信息处理*/
                alert("进入error---");
                alert("状态码："+xhr.status);
                alert("状态:"+xhr.readyState); //当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
                alert("错误信息:"+xhr.statusText );
                alert("返回响应信息："+xhr.responseText );//这里是详细的信息
                alert("请求状态："+textStatus);
                alert(errorThrown);
                alert("请求失败");
            }
        })
    }

    function dele() {
        var 站名 = $("#dname").val();
        $.ajax({
            type: "post",
            url: "producedele",
            contentType: "application/json; charset=UTF-8",
            // data: {"id":id,"bTime":btime,"eTime":etime,"bStation":bstation,"eStation":estation},
            data: 站名,
            dataType: "json",
            success:function (data) {
                if (data.code == 200){
                    alert("删除成功！")
                    //location.reload();
                    window.location='/Produce';
                    //window.history.go(-1);
                }else {
                    alert("删除失败！")
                }
            },
            error:function (xhr, textStatus, errorThrown) {
                /*错误信息处理*/
                alert("进入error---");
                alert("状态码："+xhr.status);
                alert("状态:"+xhr.readyState); //当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
                alert("错误信息:"+xhr.statusText );
                alert("返回响应信息："+xhr.responseText );//这里是详细的信息
                alert("请求状态："+textStatus);
                alert(errorThrown);
                alert("请求失败");
            }
        })
    }

    function edit() {
        var 手机号 = $("#phone").val();
        var 原密码 = $("#opass").val();
        var 新密码 = $("#npass").val();
        $.ajax({
            type: "post",
            url: "produceedit",
            // data: {"id":id,"bTime":btime,"eTime":etime,"bStation":bstation,"eStation":estation},
            data: {"phone": 手机号,"opass":原密码,"npass":新密码},
            dataType: "json",
            success:function (data) {
                if (data.code == 200){
                    alert("修改成功！")
                    //location.reload();
                    window.location='/Produce';
                    //window.history.go(-1);
                }else {
                    alert("修改失败！")
                }
            },
            error:function (xhr, textStatus, errorThrown) {
                /*错误信息处理*/
                alert("进入error---");
                alert("状态码："+xhr.status);
                alert("状态:"+xhr.readyState); //当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
                alert("错误信息:"+xhr.statusText );
                alert("返回响应信息："+xhr.responseText );//这里是详细的信息
                alert("请求状态："+textStatus);
                alert(errorThrown);
                alert("请求失败");
            }
        })
    }
</script>
</html>
